﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<EGym.BL.Forms.AfiliadoForm>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    eGym - Meu Perfil
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" runat="server">
    <script type="text/javascript">
        
        $(function() {
            associaEventos();
        });

        function associaEventos() {
            $("#frmAfiliadoAssociaEndereco").submit(frmAfiliadoAssociaEnderecoSubmit);
            $("#TipoDeEnderecoSelecionada").focusout(clearErrorAdviseOnFocusout);
            $("#EnderecoDoAfiliado_Nome").focusout(clearErrorAdviseOnFocusout);
            $("#EnderecoDoAfiliado_Numero").focusout(clearErrorAdviseOnFocusout);
            $("#EnderecoDoAfiliado_Bairro").focusout(clearErrorAdviseOnFocusout);
            $("#EnderecoDoAfiliado_Cidade").focusout(clearErrorAdviseOnFocusout);
            $("#EstadoSelecionado").focusout(clearErrorAdviseOnFocusout);
            $("#EnderecoDoAfiliado_CEP").focusout(clearErrorAdviseOnFocusout);
        }
        
        function clearErrorAdvise() {
            $("#errorAdvise").text("");
            $("#errorAdvise").hide();
        }

        function setErrorAdvise(errorText) {
            $("#errorAdvise").text(errorText);
            $("#errorAdvise").show();
        }

        function clearErrorAdviseOnFocusout() {
            clearErrorAdvise();
        }

        function frmAfiliadoAssociaEnderecoSubmit() {

            var retorno = true;

            //1. Passo o tipo de endereço.
            if (trim($("#TipoDeEnderecoSelecionada").val()) == "" && retorno) {
                setErrorAdvise("Por favor, informe um tipo de endereço!");
                $("#TipoDeEnderecoSelecionada").focus();
                retorno = false;
            }
            //2.Informar o valor do endereço
            if (trim($("#EnderecoDoAfiliado_Nome").val()) == "" && retorno) {
                setErrorAdvise("Endereço inválido!");
                $("#EnderecoDoAfiliado_Nome").focus();
                retorno = false;
            }
            //3.Informar o número do endereço
            if (trim($("#EnderecoDoAfiliado_Numero").val()) == "" && retorno) {
                setErrorAdvise("Número inválido!");
                $("#EnderecoDoAfiliado_Numero").focus();
                retorno = false;
            }
            //4.Informar o bairro
            if (trim($("#EnderecoDoAfiliado_Bairro").val()) == "" && retorno) {
                setErrorAdvise("Bairro inválido!");
                $("#EnderecoDoAfiliado_Bairro").focus();
                retorno = false;
            }
            //5.Informar a cidade
            if (trim($("#EnderecoDoAfiliado_Cidade").val()) == "" && retorno) {
                setErrorAdvise("Cidade inválida!");
                $("#EnderecoDoAfiliado_Cidade").focus();
                retorno = false;
            }
            //6.Informar o Estado
            if (trim($("#EstadoSelecionado").val()) == "" && retorno) {
                setErrorAdvise("Estado inválido!");
                $("#EstadoSelecionado").focus();
                retorno = false;
            }
            //7.Informar o CEP
            if (trim($("#EnderecoDoAfiliado_CEP").val()) == "" && retorno) {
                setErrorAdvise("CEP inválido!");
                $("#EnderecoDoAfiliado_CEP").focus();
                retorno = false;
            }
            //7.Informar o CEP com nove dígitos
            if (trim($("#EnderecoDoAfiliado_CEP").val()).length < 9 && retorno) {
                setErrorAdvise("CEP inválido! Informe o CEP com nove dígitos");
                $("#EnderecoDoAfiliado_CEP").focus();
                retorno = false;
            }            
            
            return retorno;
        
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div style="float: left; padding-right: 10px; width: 170px;">
        <% Html.RenderPartial("MenuAfiliado"); %>
    </div>
    <div style="float: left; width: 770px;">
        <div id="tabMain" class="tabsContainer" style="width: 770px;">
            <ul>
                <li><a href="#perfil">Perfil</a></li>
                <li><a href="#endereco">Endereço</a></li>
            </ul>
            <div id="perfil" style="height: 380px;">
                <% Html.RenderPartial("Perfil"); %>
            </div>
            <div id="endereco" style="height: 380px;">
                <% Html.RenderPartial("Endereco"); %>
            </div>
        </div>
        <div id="errorAdvise" class="errorText hideAtStart" style="border: 1px solid #CC0000; background-color: #FF9999; text-align:right; width: 99%; height:32px; margin-top: 8px; margin-right: 2px; float:right; color: #CC0000; font-size: small; vertical-align: middle;"></div>
    </div>
</asp:Content>
